<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <input type="number">
</body>
</html>

<script>
  // js的变量的数据类型可以分成
  // 一. 基本数据类型(简单数据类型)
  // 1. 数值类型（number），数字类型
    // var n1 = 5; // 整数
    // var n2 = 3.14; // 浮点数(小数)
    // var n3 = 3.14e5; // 3.14*10^5  1000000 科学计数法
    // var n4 = 0b1101; // 1*2^0 + 0*2^1 + 1*2^2 + 1*2^3 // 0b开头表示二进制
    // var n5 = 0o15; // 13 // 0o开头表示8进制
    // var n6 = 13;
    // var n7 = 0xd; // 13 // 0x开头表示16进制
    // var n8 = Infinity; // 无穷大
    // var n9 = NaN; // not a number
 

    

  // 2. 字符串类型 (string)
    // 单引号和双引号都可以定义字符串，没有任何区别
    // 如果出现了单双引号需要嵌套的，要交替使用
    // var s1 = "hello";
    // var s2 = "5";
    // var s3 = 'world';
    // console.log(s3);
    // console.log('鲁迅曾经说过: "村口的狗叫了,我也跟着叫了"');

    // 字符串还可以用反引号定义 ``
    // 是es6(es2015)新增的内容，模板字符串
    // 可以保留空格
    // 可以方便使用变量
    // var s4 = "js";
    // var s5 = "hello " + s4 + "!";
    // var s6 = `hello ${s4}`;
    // console.log(s6);

    // var str = "hello";
    // console.log("tom say: " + str);
    // console.log(`tom say: ${str}`);



  // 3. 布尔类型 (boolean)
    // 表示肯定或否定时在计算机中对应的是布尔类型数据	
    // 只有两个（true 或者 false）
    // var a = true;
    // var b = false;
    // console.log(a, b);




  // 4. null类型
    // null值表示一个空对象指针
    // 有值，但是是一个空值。
    // 使用时需要给变量赋值为null，才能得到null
    // var nl = null;




  // 5. undefined类型 
    // undefined也叫未定义是比较特殊的类型，本该有个值，但是没有 ，就是undefined
    // 只声明变量，不赋值的情况下，变量的默认值为 undefined，一般很少【直接】为某个变量赋值为 undefined
    // 声明了变量没有赋值或者使用对象下面不存在的属性都会出现undefined
    // var a;
    // console.log(a);
    // console.log(window.hehe);


  // 6. Symbol类型
    // 表示独一无二的值
    // es6新增的，后面讲

  // 7. bigInt类型
    // 用来处理大数据的
    // es10新增的，后面讲



  // 二. 引用数据类型(复杂数据类型) - 了解
  // 1. 对象类型(object)
  // 比如数据/对象/函数/数学对象/时间对象等等
  // var arr = [1,2,3,4];
  // var obj = {
  //   name: "zhangsan",
  //   age: 20
  // }
</script>